<html lang="en">

<#include "/website/default/common/head.html" />

<body>

<#include "/website/default/common/header.html" />

<!-- 全屏轮播图 begin -->
<div class="banner">
	<div class="full-container">
		<div class="slider-content">
			<div class="carousel slide" id="exampleCarouselCaptions" data-ride="carousel">
				<ol class="carousel-indicators">
					<@cms_ad_list adCategoryId=1186>
						<#if cmsAdList?? && cmsAdList?size gt 0>
							<#list cmsAdList as cmsAd>
								<#if cmsAd_index==0>
									<li class="active" data-slide-to="${cmsAd_index}" data-target="#exampleCarouselCaptions"></li>
								</#if>
								<#if cmsAd_index!=0>
									<li class="" data-slide-to="${cmsAd_index}" data-target="#exampleCarouselCaptions"></li>
								</#if>
							</#list>
						</#if>
					</@cms_ad_list>
				</ol>
				<div class="carousel-inner" role="listbox">
					<@cms_ad_list adCategoryId=1186>
						<#if cmsAdList?? && cmsAdList?size gt 0>
							<#list cmsAdList as cmsAd>
								<#if cmsAd_index==0>
									<div class="item active">
								</#if>
								<#if cmsAd_index!=0>
									<div class="item">
								</#if>
										${cmsAd.content}
										<div class="carousel-caption">
											<@shiro.guest>
												<h3><a href="login.html" class="btn btn-lg btn-warning" role="button">登 录</a></h3>
											</@shiro.guest>
											<h3>${cmsAd.name}</h3>
											<p>${cmsAd.description}</p>
										</div>
									</div>
							</#list>
						</#if>
					</@cms_ad_list>
				</div>
				<a class="left carousel-control" href="#exampleCarouselCaptions" role="button" data-slide="prev">
					<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
					<span class="sr-only">上一个</span></a>
				<a class="right carousel-control" href="#exampleCarouselCaptions" role="button" data-slide="next">
					<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
					<span class="sr-only">下一个</span></a>
			</div>
		</div>
	</div>
</div>
<!-- 全屏轮播图 end-->

<!-- 整站内容区 begin -->
<section class="main">

	<!--首页-综合栏目 begin-->
	<div class="index-row our-category fadeInUp animated" data-animate="fadeInUp" data-delay="200">
		<div class="container">
			<div class="row">
				<@cms_ad_list adCategoryId=1188>
					<#if cmsAdList?? && cmsAdList?size gt 0>
						<#list cmsAdList as cmsAd>
							<div class="col-md-4 col-sm-6">
								<div class="link-setion">
									<a href="${cmsAd.linkUrl}" target="${cmsAd.target}">
										<div class="link-img"><img src="${cmsAd.thumbnail}" alt="${cmsAd.name}"></div>
										<div class="link-name-default">
											<h3>${cmsAd.name}</h3>
										</div>
										<div class="link-setion-text">
											<div class="link-name">
												<h3>${cmsAd.name}</h3>
											</div>
											<div class="link-summary">
												<p>${cmsAd.description}</p>
											</div>
											<span class="link-more">查看详情</span></div>
										<div class="opacity-overlay"></div>
									</a>
								</div>
							</div>
						</#list>
					</#if>
				</@cms_ad_list>
			</div>
		</div>
	</div>
	<!--首页-综合栏目 end-->

	<!--首页-关于我们 begin-->
	<div class="index-row our-about not-animated" data-animate="fadeInUp" data-delay="200">
		<div class="container">
			<div class="row">
				<div class="col-sm-12 main-title">
					<h2 class="h1">关于我们</h2>

					<p class="line line-big"></p>

					<h2>
						<small>我们是干嘛的呢？</small>
					</h2>
				</div>
				<@cms_ad_list adCategoryId=1187>
					<#if cmsAdList?? && cmsAdList?size gt 0>
						<#list cmsAdList as cmsAd>
							<div class="col-md-3 col-sm-6">
								<p  class="text-center">
									<a href="${cmsAd.linkUrl}" target="${cmsAd.target}">
										<img alt="${cmsAd.name}" src="${cmsAd.thumbnail}"
											 style="width: 116px; height: 116px;"></a></p>
								<p class="text-center">
									<a href="${cmsAd.linkUrl}" target="${cmsAd.target}">
										<span >${cmsAd.name}</span></a></p>
							</div>
						</#list>
					</#if>
				</@cms_ad_list>
				<div class="col-sm-12 text-center">
					<a href="/ch/about-us/index"
					   class="btn btn-outline-blue btn-lg">查看更多服务</a>
				</div>
			</div>
		</div>
	</div>
	<!--首页-关于我们 end-->

	<!--首页-工程案例 begin-->
	<div class="index-row our-case not-animated" data-animate="fadeInDown" data-delay="200">
		<div class="container">
			<div class="row">
				<div class="col-sm-12 main-title">
					<h2 class="h1">产品案例</h2>

					<p class="line line-big"></p>

					<h2>
						<small>这是我们的成功案例。</small>
					</h2>
				</div>
				<div class="col-sm-12 main-body">
					<ul class="column marg-per2 clearfix">
						<@cms_article channelId=1 pageSize=8>
							<#if cmsArticleList?? && cmsArticleList?size gt 0>
								<#list cmsArticleList as cmsArticle>
										<li class="col-md-3 col-sm-6  last fadeInUp animated" data-animate="fadeInUp">
											<div class="portfolio-img">
												<a href="/article/detail/${cmsArticle.id}?channelId=${cmsArticle.channelId}" target="_blank">
													<img src="${cmsArticle.thumbnail}" alt=""></a></div>
											<div class="portfolio-title">
												<h4><a href="/article/detail/${cmsArticle.id}?channelId=${cmsArticle.channelId}"
													   target="_blank">${cmsArticle.title}</a></h4>
											</div>
										</li>
								</#list>
							</#if>
						</@cms_article>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<!--首页-工程案例 end-->

	<!--首页-最新资讯 begin-->
	<div class="index-row our-news not-animated" data-animate="fadeInUp" data-delay="200">
		<div class="container">
			<div class="row">
				<div class="col-sm-12 main-title">
					<h2 class="h1">最新资讯</h2>

					<p class="line line-big"></p>

					<h2>
						<small>关注最新行业相关政策与新闻。</small>
					</h2>
				</div>
				<@cms_article channelId=6 pageSize=8>
					<#if cmsArticleList?? && cmsArticleList?size gt 0>
						<#list cmsArticleList as cmsArticle>
							<div class="col-sm-6">
								<div class="media our-news-item">
									<div class="media-left">
										<a class="thumbnail"
										   href="/article/detail/${cmsArticle.id}?channelId=${cmsArticle.channelId}">
											<img class="media-object"
												 src="${cmsArticle.thumbnail}"
												 alt="${cmsArticle.title}">
										</a>
									</div>
									<div class="media-body">
										<a href="/article/detail/${cmsArticle.id}?channelId=${cmsArticle.channelId}">
											<h4 class="media-heading">${cmsArticle.title}</h4></a>
										<div class="dynamic-li">
											<span>时间：${(cmsArticle.createTime?string('yyyy-MM-dd HH:mm:ss'))!} </span>
										</div>
										<p>
											${cmsArticle.description}</p>
										<div class="dynamic-li">
											<a href="/article/detail/${cmsArticle.id}?channelId=${cmsArticle.channelId}">[详细]</a>
											<span>作者：${cmsArticle.author} <span class="hidden-xs"></span> </span>
										</div>
									</div>
								</div>
							</div>
						</#list>
					</#if>
				</@cms_article>
				<div class="col-sm-12 our-news-more">
					<h2>
						<small><a
								href="/ch/news/index">更多资讯&gt;&gt;&gt;</a>
						</small>
					</h2>
				</div>
			</div>
		</div>
	</div>
	<!--首页-最新资讯 end-->

	<!--首页-我们的客户 begin-->
	<div class="index-row our-client">
		<div class="container">
			<div class="row">
				<div class="col-sm-12 main-title">
					<h2 class="h1">我们的客户</h2>

					<p class="line line-big"></p>

					<h2>
						<small>他们与UYAYO建立了合作关系</small>
					</h2>
				</div>
				<@cms_link_list pageSize=12>
					<#if cmsLinkList?? && cmsLinkList?size gt 0>
						<#list cmsLinkList as cmsList>
							<div class="col-xs-4 col-sm-3 col-md-2 our-client-item">
								<div class="our-client-logo">
									<a href="${cmsList.siteUrl}">
										<img class="img-responsive center-block"
										 	src="${cmsList.siteLogo}" alt="${cmsList.siteName}">
									</a>
								</div>
							</div>
						</#list>
					</#if>
				</@cms_link_list>
			</div>
		</div>
	</div>
	<!--首页-我们的客户 end-->

</section>
<!-- 整站内容区 end -->

<!--通用滚动器 begin-->
<#include "/website/default/common/slider.html" />
<!--通用滚动器 end-->

<#include "/website/default/common/footer.html" />


<#include "/website/default/common/mobile-bottom.html" />

<#include "/website/default/common/bottom.html" />

</body>
